<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="../css/share/swiper.3.1.2.min.css" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/home.css" />
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/vue-resource.min.js"></script>
		<script type="text/javascript" src="../js/mui.min.js"></script>
	</head>

	<body id="home" v-cloak>
		<header class="mui-bar mui-bar-nav" id="header">
			<a class="mui-icon mui-icon-location header-left" v-on:click="opencity()" id="location">北京市</a>
			<a class="mui-icon mui-icon-chatbubble mui-pull-right header-right" v-on:click="openMessage()"></a><i id="info"></i>
			<h1 id="title" class="mui-title">首页</h1>
		</header>
		<div class="mui-content">
			<!--
            	作者：619667149@qq.com
            	时间：2016-03-29
            	描述：轮播图
          -->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" v-for="imgsrc in sliderPic">
						<img :src="imgsrc" />
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<ul class="ad-text clearfix">
				<img class="ad-bg" src="../image/ggtt.png">
				<li class="ad-con">
					<div class="scontainer">
						<div class="outwrapper">
							<div class="inslide" v-for="textlist in toptextlist">
								<span class="ad-circle">{{textlist.title}}</span>{{textlist.text}}
							</div>
							<div class="inslide">
								<span class="ad-circle">{{toptextlist[0].title}}</span>{{toptextlist[0].text}}
							</div>
						</div>
					</div>
				</li>
			</ul>
			<!--
            	作者：619667149@qq.com
            	时间：2016-03-31
            	描述：我个人圈子模块
            -->
			<ul class="mian-circle-list" id="mycircle">
				<div class="title">
					我的圈子
				</div>
				<img v-show="imghide" src="../../image/ydt.png" style="width:100%;margin-bottom:-8px;">
				<li v-for="circle in myCircles">
					<div class="list-circle-name">
						<span v-on:click="openGuanzhu(circle.uid,circle.huanIMGroupId)">{{circle.cname}}</span>
						<div class="enter-cricle" v-on:click="openCircle(circle.uid,circle.cname,circle.huanIMGroupId,circle.cid)">
							进入圈子 >>
						</div>
					</div>
					<ul class="list-img clearfix">
						<div class="list-message texthidden">
							{{circle.topicContent}}
						</div>
						<li v-for="product in circle.productList">
							<a v-on:click="openProduct(product.id,circle.uid,circle.cname,circle.huanIMGroupId)">
								<div class="img-con"><img :src="product.picture" onload="initImg(this)">
								</div>
								<div class="product-name">
									{{product.name}}
								</div>
								<div class="product-price">
									￥{{product.nowprice}}
								</div>
							</a>
						</li>
					</ul>
				</li>
			</ul>
			<img class="ad-banner" :src="picAd" />
			<!--
            	作者：619667149@qq.com
            	时间：2016-03-29
            	描述：未关注圈子信息
            -->
			<div class="title">
				圈子推荐
				<!--<span ng-click="openCity()" class="pull_right location" id="location">定位</span>-->
			</div>
			<div id="bg">
				<img src="../image/nocircle.png">
			</div>
			<div class="mui-scroll">
				<ul class="mian-circle-list">
					<li v-for="circle in Circles" v-on:click="openGuanzhu(circle.uid,circle.huanIMGroupId)">
						<div class="list-circle-name">
							<span>{{circle.cname}}</span>
							<div class="enter-cricle" style="color:#f7768b">
								添加关注 >>
							</div>
						</div>
						<ul class="list-img clearfix">
							<div class="list-message texthidden">
								{{circle.topicContent}}
							</div>
							<li v-for="product in circle.productList">
								<a>
									<div class="img-con"><img :src="product.picture" onload="initImg(this)">
									</div>
									<div class="product-name">
										{{product.name}}
									</div>
									<div class="product-price">
										￥{{product.nowprice}}
									</div>
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<img src="../image/backtop.png" id="to_top" onclick="document.body.scrollTop=0">
	</body>

	<script src="../script/chat/RongIMLib.js"></script>
	<script src="../js/swiper.3.1.2.min.js"></script>
	<script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript" src="../js/localData.js"></script>
	<script src="../script/chat/chatConmen.js"></script>
	<script type="text/javascript" src="../js/md5.js"></script>
	<script type="text/javascript" src="../js/request.js"></script>
	<script src="../js/mui.pullToRefresh.js"></script>
	<script src="../js/mui.pullToRefresh.material.js"></script>
	<script type="text/javascript" src="../script/home.js"></script>

</html>